<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/library/aui/css/aui.2.0.css" />
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/wx/demo/css/style.css">
    <link rel="stylesheet" type="text/css" href="<?=base_url()?>assets/wx/demo/css/order.css?<?=$time?>">
</head>
<body class="order">

<!--tab-->
<div class="aui-tab aui-margin-b-5" id="tab">
    <div class="aui-tab-item aui-active">全部</div>
    <div class="aui-tab-item"><div></div>待支付</div>
    <div class="aui-tab-item">待发货</div>
    <div class="aui-tab-item">配送中</div>
    <div class="aui-tab-item">售后</div>
</div>

<section class="aui-content">
    <div class="aui-card-list gu-order-card-list-item">
        <div class="aui-card-list-header gu-order-sn aui-padded-l-10 aui-padded-r-10">
            <span class="aui-pull-left">订单 AN100000000000001
            </span>
            <span class="aui-pull-right">已删除</span>
        </div>
        <div class="aui-card-list-content">
            <ul class="aui-list aui-media-list">
                <li class="aui-list-item">
                    <div class="aui-media-list-item-inner">
                        <div class="aui-list-item-media">
                            <img src="http://img.demo.qiuqiugu.com/a/thumb/2016/12/7e890f87bbf61addb67d82372cb21f9c.jpg@w200_h200.jpg">
                        </div>

                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-text aui-margin-b-15">
                                <div class="aui-list-item-title aui-ellipsis-2 gu-order-goods-name">带有媒体的列表二新版中的列表布局可以很轻松的帮助开发者完成常见</div>
                                <div class="aui-list-item-right gu-order-price">￥ 232.23</div>
                            </div>
                            <div class="aui-info aui-margin-t-10 aui-margin-l-0 aui-margin-r-0 gu-info-item" style="padding:0">
                                <div class="aui-info-item">
                                    <span class="">流浪男</span>
                                </div>
                                <div class="aui-info-item">x 12</div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-media-list-item-inner">
                        <div class="aui-list-item-media">
                            <img src="http://img.demo.qiuqiugu.com/a/thumb/2016/12/7e890f87bbf61addb67d82372cb21f9c.jpg@w200_h200.jpg">
                        </div>

                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-text aui-margin-b-15">
                                <div class="aui-list-item-title aui-ellipsis-2 gu-order-goods-name">带有媒体的列表二新版中的列表布局可以很轻松的帮助开发者完成常见</div>
                                <div class="aui-list-item-right gu-order-price">￥ 232.23</div>
                            </div>
                            <div class="aui-info aui-margin-t-10 aui-margin-l-0 aui-margin-r-0 gu-info-item" style="padding:0">
                                <div class="aui-info-item">
                                    <span class="">流浪男</span>
                                </div>
                                <div class="aui-info-item">x 12</div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="aui-card-list-footer gu-list-footer">
            2016年7月12日
            <div class="aui-btn aui-btn-outlined aui-btn-sm gu-btn">取消订单</div>
        </div>
    </div>

    <div class="aui-card-list">
        <div class="aui-card-list-header gu-order-sn aui-padded-l-10 aui-padded-r-10">
            <span class="aui-pull-left">订单 AN100000000000001
            </span>
            <span class="aui-pull-right">已删除</span>
        </div>
        <div class="aui-card-list-content">
            <ul class="aui-list aui-media-list">
                <li class="aui-list-item">
                    <div class="aui-media-list-item-inner">
                        <div class="aui-list-item-media">
                            <img src="http://img.demo.qiuqiugu.com/a/thumb/2016/12/7e890f87bbf61addb67d82372cb21f9c.jpg@w200_h200.jpg">
                        </div>

                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-text aui-margin-b-15">
                                <div class="aui-list-item-title aui-ellipsis-2 gu-order-goods-name">带有媒体的列表二新版中的列表布局可以很轻松的帮助开发者完成常见</div>
                                <div class="aui-list-item-right gu-order-price">￥ 232.23</div>
                            </div>
                            <div class="aui-info aui-margin-t-10 aui-margin-l-0 aui-margin-r-0 gu-info-item" style="padding:0">
                                <div class="aui-info-item">
                                    <span class="">流浪男</span>
                                </div>
                                <div class="aui-info-item">x 12</div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="aui-list-item">
                    <div class="aui-media-list-item-inner">
                        <div class="aui-list-item-media">
                            <img src="http://img.demo.qiuqiugu.com/a/thumb/2016/12/7e890f87bbf61addb67d82372cb21f9c.jpg@w200_h200.jpg">
                        </div>

                        <div class="aui-list-item-inner">
                            <div class="aui-list-item-text aui-margin-b-15">
                                <div class="aui-list-item-title aui-ellipsis-2 gu-order-goods-name">带有媒体的列表二新版中的列表布局可以很轻松的帮助开发者完成常见</div>
                                <div class="aui-list-item-right gu-order-price">￥ 232.23</div>
                            </div>
                            <div class="aui-info aui-margin-t-10 aui-margin-l-0 aui-margin-r-0 gu-info-item" style="padding:0">
                                <div class="aui-info-item">
                                    <span class="">流浪男</span>
                                </div>
                                <div class="aui-info-item">x 12</div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="aui-card-list-footer gu-list-footer">
            2016年7月12日
            <div class="aui-btn aui-btn-outlined aui-btn-sm gu-btn">取消订单</div>
        </div>
    </div>
</section>

<footer class="aui-bar aui-bar-tab gu-footer" id="footer">
    <div class="aui-bar-tab-item" tapmode>
        <i class="aui-iconfont aui-icon-home"></i>
        <div class="aui-bar-tab-label">首页</div>
    </div>
    <div class="aui-bar-tab-item aui-active" tapmode>
        <i class="aui-iconfont aui-icon-calendar"></i>
        <div class="aui-bar-tab-label">订单</div>
    </div>
    <div class="aui-bar-tab-item" tapmode>
        <div class="aui-badge">99</div>
        <i class="aui-iconfont aui-icon-cart"></i>
        <div class="aui-bar-tab-label">购物车</div>
    </div>
    <div class="aui-bar-tab-item" tapmode>
        <div class="aui-dot"></div>
        <i class="aui-iconfont aui-icon-my"></i>
        <div class="aui-bar-tab-label">我的</div>
    </div>
</footer>

</body>
<script type="text/javascript" src="<?=base_url()?>assets/library/aui/script/api.js"></script>
<script type="text/javascript">

</script>
</html>